@import "norm.scss";
body{
    background: #fff;
}
#goods_list{
    background:#efefef;
    margin-bottom: 50px;
}
.thelist{
    margin:0 auto;
    display: flex;
    width: 1200px;
    min-height: 1000px;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    li{
        text-align: center;
        background:rgb(180, 176, 176);
        width: 280px;
        border: 1px solid #eee;
        margin-bottom: 40px;
        margin-top:40px;
        &:hover{
            box-shadow: 10px 0 10px #ddd,-10px 0 10px #ddd
        }
        img{
            width: 100%;
        }
        b{
            color:red;
            font-weight: 900;
            font-size: 20px;
        }
        a{
            padding: 0 40px;
            display: block;
            font-size:14px;
            line-height: 20px;
            color:#333;
            &:hover{
                color: red;
            }
        }
    }
}
.zzsc{ margin:0 auto; width:580px;} 
.page{
    list-style: none;
}
.page>li{
    float: left;
    padding: 5px 10px;
    cursor: pointer;
}
.page .pageItem{
    border: solid thin #DDDDDD;
    margin: 5px;
}
.page .pageItemActive{
    border: solid thin #0099FF;
    margin: 5px;
    background-color: #0099FF;
    color:white;
}
.page .pageItem:hover{
    border: solid thin #0099FF;
    background-color: #0099FF;
    color:white;
}
.page .pageItemDisable{
    border: solid thin #DDDDDD;
    margin: 5px;
    background-color: #DDDDDD;
}